
import {jpzzList } from "../../utils/data/tabbar";
// <<<<<<< Updated upstream
import {postCert, getmy, getAllArea, getAllsubway, getAllBasicService, getJPlist, getZzLists } from '../../utils/api/module/task';
// import {qyLists, jgLists, mjLists, sxLists} from "../../utils/data/select";
// =======
// // import { getAllArea, getAllsubway, getAllBasicService } from '../../utils/api/module/task';
import {qyLists, jgLists, mjLists, sxLists} from "../../utils/data/select";

import  {getZlistpage} from '../../utils/api/module/yuanqu.js';

Page({
    data: {
        // 搜索
        searchs: {
            icon: '../../assets/img/search_01.png',
            searchVal: '',
            searchPL: "请输入搜索内容"
        },
        navbarInitTop: 0,  //导航栏初始化距顶部的距离
        isFixedTop: false, //是否固定顶部
        imgs:{
            sel:'/assets/img/icon711.png',
            seled:'/assets/img/icon712.png'
        },
        currentTab: null,    //控制筛选列表
        overlay: false,  //遮罩层显示控制
        qy:{
            cId: 0,
            qyLists,
        },
        jg:{
            cId:0,
            jgLists,
        },
        mj:{
             cId:0,
            mjLists
        },
        sx:{
            cId:0,
            sxLists
        },
        jpzzList: [],   //列表数据
        page: 1
    },
    onLoad: function (options) {
        
        

    },
    getZlistpage() {
        let {s_area_val, s_subway_val, s_Price_val, s_mj_val, s_sxzx_val, s_sxlx_val} = this.data;
        getZzLists({
            limit: 20,
            page: this.data.page,
            renttype: s_sxlx_val, // 类型
            space: s_mj_val, // 面积
            price: s_Price_val, // 价格
            decorate: s_sxzx_val, // 装修程度
            area: s_area_val, // 所在区域
            subway: s_subway_val, // 地铁
        }).then(res => {
            console.log(res);
            if(res.data.code == 0){
                wx.showToast({title: res.data.message})
                this.setData({
                   jpzzList:[],
                }) 
            }else{
                this.setData({
                    ['jpzzList[' + (this.data.page - 1) + ']']: res.data.data.rows
                }) 
            }
            
        })
    },
    // /**
    //  * 获取所有区域接口
    //  * @return {[type]}
    //  */
    // getAllArea: function() {
    //     getAllArea().then(res => {
    //         let data = res.data.data;
    //         data.map(item => {
    //             item.checked = false;
    //         });
    //         this.setData({ areaLists: res.data.data });
    //     });
    // },
    // // 获取所有地铁线路接口
    // getAllsubway: function() {
    //     getAllsubway().then(res => {
    //         let data = res.data.data;
    //         data.map(item => {
    //             item.checked = false;
    //         });
    //         this.setData({ subwayList: data });
    //     });
    // },
    /**
     * 生命周期函数--监听页面显示
     */
    onShow: function() {
        var that = this;
        if (that.data.navbarInitTop == 0) {
            //获取节点距离顶部的距离
            wx.createSelectorQuery().select('#navbar').boundingClientRect(function(rect) {
                if (rect && rect.top > 0) {
                    var navbarInitTop = parseInt(rect.top);
                    that.setData({
                        navbarInitTop: navbarInitTop
                    });
                }
            }).exec();
        }
        this.getShowToastList();
        this.getZlistpage();
    },
    /**
     * 获取到筛选列表
     * @return {[type]} [description]
     */
    getShowToastList(){
        //筛选的数据列表
        getJPlist().then(res => {
            this.setData({
                ["jg.jgLists.days"]:res.data.data.ptpricetype,    //
                ["jg.jgLists.months"]:res.data.data.gxpricetype,
                ["mj.mjLists.max"]:res.data.data.spacetype,
                ["mj.mjLists.min"]:res.data.data.spacetype,
                ["sx.sxLists.lx"]:res.data.data.renttype,
                ["sx.sxLists.zx"]:res.data.data.decoratetype,
            })
        })
        // 筛选数据中的地铁
        getAllsubway().then(res => {
            console.log('002',res);
            this.setData({
                ["qy.qyLists.dt"] : res.data.data
            })
        })
        // 筛选数据中的区域
        getAllArea().then(res =>{
            this.setData({
                ["qy.qyLists.qy"] : res.data.data
            })
            console.log('003',res);
        })
    },

    /**
     * 监听页面滑动事件
     */
    onPageScroll: function(e) {
        var that = this;
        var scrollTop = parseInt(e.scrollTop); //滚动条距离顶部高度
        //判断'滚动条'滚动的距离 和 '元素在初始时'距顶部的距离进行判断
        var isSatisfy = scrollTop >= that.data.navbarInitTop ? true : false;
        //为了防止不停的setData, 这儿做了一个等式判断。 只有处于吸顶的临界值才会不相等
        if (that.data.isFixedTop === isSatisfy) {
            return false;
        }
        that.setData({
            isFixedTop: isSatisfy
        });
    },
    /**
     * 点击选择筛选条件  ---区域
     * @param  {[type]} e [description]
     * @return {[type]}   [description]
     */
    clickAreaSelect(e){
        let list = this.data.qy.qyLists.qy;
        let id = e.currentTarget.dataset.id;
        console.log(list);
        console.log(id);
        list.forEach(item => {
            if(id == item.id){
                item.checked = true;
                console.log("-----001")
            }else{
                item.checked = false;
                console.log("-----009")
            }
        })
        this.setData({
            ["qy.qyLists.qy"]: list,
            s_area_val: id,   //选中的区域值
        })
    },
    /**
     * 点击筛选条件  --- 选择地铁
     * @param  {[type]} e [description]
     * @return {[type]}   [description]
     */
    clickSubwaySelect(e){
        let list = this.data.qy.qyLists.dt;
        let id = e.currentTarget.dataset.id;
        list.forEach(item =>{
            if(id == item.id){
                item.checked = true; 
            }else{
                item.checked = false;
            }
        })
        this.setData({
            ["qy.qyLists.dt"]: list,
            s_subway_val: id    //选中的地铁值
        })
    },
    /**
     *  点击筛选条件  --- 价格按照天数算
     * @param  {[type]} e [description]
     * @return {[type]}   [description]
     */
    clickDayPriceSelect(e){
        let list = this.data.jg.jgLists.days;
        let id = e.currentTarget.dataset.id;
        list.forEach(item => {
            if(id == item.key){
                item.checked = true;
            }else{
                item.checked = false;
            }
        })
        this.setData({
            ["jg.jgLists.days"]: list,
            s_Price_val: id    //按照天数价格
        })
    },
    /**
     * 点击筛选条件  --- 价格按照月份算
     * @return {[type]} [description]
     */
    clickMonthPriceSelect(e){
        let list = this.data.jg.jgLists.months;
        let id = e.currentTarget.dataset.id;
        list.forEach(item => {
            if(id == item.key){
                item.checked = true;
            }else{
                item.checked = false;
            }
        })
        this.setData({
            ["jg.jgLists.months"]: list,
            s_Price_val: id    //按照月份来算价格
        })
    },
    /**
     * 点击筛选条件  --- 面积  --最大面积
     * @param  {[type]} e [description]
     * @return {[type]}   [description]
     */
    clickMaxMjSelect(e){
        let list = this.data.mj.mjLists.max;
        let id = e.currentTarget.dataset.id;
        list.forEach(item => {
            if(id == item.key){
                item.checked = true;
            }else{
                item.checked = false;
            }
        })
         this.setData({
            ["mj.mjLists.max"]: list,
            s_mj_val: id    //按照面积来选择
        })
    },
    /**
     * 点击筛选条件  --- 面积  --最小面积
     * @param  {[type]} e [description]
     * @return {[type]}   [description]
     */
    clickMinMjSelect(e){
        let list = this.data.mj.mjLists.min;
        let id = e.currentTarget.dataset.id;
        list.forEach(item => {
            if(id == item.key){
                item.checked = true;
            }else{
                item.checked = false;
            }
        })
         this.setData({
            ["mj.mjLists.min"]: list,
            s_mj_val: id    //按照面积来选择
        })
    },
    /**
     * 点击筛选条件  --- 筛选  --类型
     * @param  {[type]} e [description]
     * @return {[type]}   [description]
     */
    clickSxlxpeSelect(e){
        let list = this.data.sx.sxLists.lx;
        let id = e.currentTarget.dataset.id;
        list.forEach(item => {
            if(id == item.key){
                item.checked = true;
            }else{
                item.checked = false;
            }
        })
        this.setData({
            ["sx.sxLists.lx"]: list,
            s_sxlx_val: id    //按照面积来选择
        })
    },
    clickSxzxpeSelect(e){
        let list = this.data.sx.sxLists.zx;
        let id = e.currentTarget.dataset.id;
        list.forEach(item => {
            if(id == item.key){
                item.checked = true;
            }else{
                item.checked = false;
            }
        })
        this.setData({
            ["sx.sxLists.zx"]: list,
            s_sxzx_val: id    //按照面积来选择
        })
    },
    /**
     * 点击区域，面积，价格筛选的菜单
     * @param e
     */
    selectNav(e){
        this.setData({
            currentTab: e.currentTarget.dataset.current,
            overlay: true,   //显示遮罩层
        })
    },
    /**
     * 筛选重置
     */
    resetClick(){
        this.getShowToastList();
        this.setData({
            s_area_val:'', 
            s_subway_val:'', 
            s_Price_val:'', 
            s_mj_val:'', 
            s_sxzx_val:'', 
            s_sxlx_val:'',
        })
    },
    /**
     * 确认筛选条件
     */
    confirmClick(){
        
        this.getZlistpage();
        this.setData({
            currentTab: null,  //设置为初始化状态
            overlay: false,   //显示遮罩层
        })
    },
    /**
     * 区域中选择区域/地铁的事件
     */
    qySelect(e){
        console.log(e);
        this.setData({
            ["qy.cId"]: e.currentTarget.dataset.current,
        })
    },
    /**
     * 价格中选择天/月的事件
     */
    jgSelect(e){
        console.log(e);
        this.setData({
            ["jg.cId"]: e.currentTarget.dataset.current,
        })
    },
    /**
     * 价格中选择最大最小的事件
     */
    mjSelect(e){
        console.log(e);
        this.setData({
            ["mj.cId"]: e.currentTarget.dataset.current,
        })
    },
    /**
     * 筛选中选择类型/装修事件
     */
    sxSelect(e){
        console.log(e);
        this.setData({
            ["sx.cId"]: e.currentTarget.dataset.current,
        })
    },


    /**
     * 获取到所有的招租信息
     * @return {[type]} [description]
     */
    getlists(){
        getJPlist({

        }).then(res => {
            console.log(res);
        })
    }
});